<template>
    <div>
        <el-steps class="mgb-20" :space="space" :active="activeIndex" :finish-status="finishStatus" align-center>
            <el-step v-for="item in stepList" :key="item.id" :title="item.title" :description="item.description"></el-step>
        </el-steps>
    </div>
</template>
<script>
export default {
    props: {
        activeIndex: {
            type: Number,
            default: 1
        },
        stepList:{
            type:Array,
            default:[]
        },
        finishStatus: {
            type: String,
            default: 'success'
        },
        space: {
            type: Number,
            default: 300
        },
    }
}

</script>